page{font-size: 28rpx;background:#F7F7F7;color: #181818;}
.over-y-hide{
	overflow-y: hidden;
}
.fix-foot{
	padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
	padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
	position: fixed;
	border-top: 1rpx solid #F7F7F7;
	left: 0;
	right: 0;
	background: white;
	
	z-index:100;
	bottom: 0;
	.item{
		display: flex;
		flex-direction:column;
		align-items: center;
	}
}
// 客服按钮
.img-wrap {
    position:relative;
    width:96rpx;
	height: 96rpx;
	overflow: hidden;
    
}


.img {
    position: absolute;
    display: block;
	width: 96rpx;
}

.manager-button{
	position: fixed;
	z-index: 99999999;
	left: 0;
	bottom:200rpx;
	
	&.index-button{
		bottom:350rpx;
	}
	.btnkf{
		 box-shadow:0px 1px 3px 0 rgba(0, 0, 0, 0.19);
		background:#0DC160;
		border-radius: 100%;
		width:96rpx;
		height:96rpx;
		overflow: hidden;
		padding: 0;
		color: #fff;
		.iconfont{
			font-size: 40rpx;
			    width: 100%;
			    position: absolute;
			    top: -18rpx;
			    left: 0;
		}
		.text{
			font-size: 20rpx;
			position: absolute;
			bottom: 0;
			left:28rpx;
		}
	}
}
.picker-view {
        width: 750rpx;
        height: 600rpx;
        margin-top: 20rpx;
}
.no-data-style{
	height: 120rpx;line-height: 120rpx;color: #7b7b7b;font-size: 60rpx;
}
.item {
        height: 50px;
        align-items: center;
        justify-content: center;
        text-align: center;
}
#roles{
	.picker-view{height: 450rpx;}
	.cancel{
		line-height:90rpx;background:#fff;color:orangered;
	}
	.item{
		line-height: 50px;
	}
}

	

.user-info{
	
	.head-img{display: block;width: 80rpx;border-radius:50rpx;}
	
	.update-btn{
		border-radius:50rpx 0 0 50rpx;width: 200rpx;height: 64rpx;text-align: center;line-height: 64rpx;
		background:linear-gradient(to right, #B9FAD2 , #DAFCE7);color: #23C7AD;
	}
}

.test-result{
	color:#202735;
	.green-color{
		color: #2bed63;
	}
	.normal{
		background: #0DC160;width: 80rpx;height: 44rpx;text-align: center;border-radius: 8rpx;margin-left: 16rpx;
		line-height: 44rpx;
	}
	.danger{
		background:red;width: 80rpx;height: 44rpx;text-align: center;border-radius: 8rpx;margin-left: 16rpx;
		line-height: 44rpx;
	}
	.result-data{
		border-bottom:1rpx solid #DDDDDD;
		.v-item{
			width: 33.333%;
			&.center{
				position: relative;
				&::before{
					position: absolute;
					content: '';
					display: block;
					height:52rpx;
					width: 1rpx;
					background: #DDDDDD;
					left: 0;
					top: 50%;
					margin-top: -26rpx;
				}
				&::after{
					position: absolute;
					content: '';
					display: block;
					height:52rpx;
					width: 1rpx;
					background: #DDDDDD;
					right: 0;
					top: 50%;
					margin-top: -26rpx;
				}
			}
		}
	}
	
}

.week-trend{
	.circle-icon{
		display: inline-block;width: 20rpx;height: 20rpx;border-radius: 50rpx;background: #1890ff;
		&.low{
			background: #2fc25b;
		}
	}
}
.font-gray2{
		color: #7B7B7B;
}
.green-color{
	color: #34CC79;
}
.danger-color{
	color: #FA5151;
}

.viewMore{
	.btn{
		text-align: center;display:inline-block;border-radius:50rpx;
		padding:16rpx 28rpx;
	}
}
.line_chart{
	canvas{width: 100% !important;}
}

.help-tips{
	
	position: relative;
	&::after{
		position: absolute;
		content: '';
		display: block;
		height: 1rpx;
		
		left: 30rpx;
		right: 30rpx;
		background: #DDDDDD;
		bottom: 0;
		padding: 0 30rpx;
		
		
	}
	.tips{
		background: #F7F7F7;
		
	}
	
}

.healthy-plan-banner{
	
}
.echart-view{
	height:520rpx;
	.uni-ec-canvas{
	    width:100%;
	    height:100%;
	    display:block;
	}
	
}


.article{
	.border-bottom{
		position: relative;
		&::after{
			position: absolute;
			content: '';
			display: block;
			height: 1rpx;
			
			left: 30rpx;
			right: 30rpx;
			background: #DDDDDD;
			bottom: 0;
			padding: 0 30rpx;
		}
		
		padding-bottom:30rpx;
	}
	.left-line{
		position: relative;
		&::before{
			position: absolute;
			width: 8rpx;
			height: 44rpx;
			background:#55D9C4;
			content: '';
			left: 0;
			top: 50%;
			margin-top:-22rpx;
		}
	}
	.row{
		.article-img-box{
			width:200rpx;height:200rpx;overflow: hidden;flex-grow: 1;background: #EEEEEE;
			display: flex;align-items: center;
			.article-img{display: block;}
			
		}
		.content{
			width:520rpx;display: flex;flex-direction:column;justify-content: flex-start;align-items: flex-start;
			height:200rpx;
			.title{height:84rpx;margin-bottom:70rpx;}
		}
	}
	
	
}
 .f2_container {
        width: 100%;
        height: 500rpx;
		.f2-canvas {
		  width: 100%;
		  height: 100%;
		}
    }